<template>
	<view class="optView spaceEvenly">
		<view class="line spaceAround">
			<navigator class="item" :url="userInfo.business_status == 0 ? '/pages/my/card/card' : '/pages/my/navPreview/navPreview'">
				<image class="icon" src="/static/images/my/idcard.png" mode="heightFix"></image>
				<view class="txt">我的名片</view>
			</navigator>

			<navigator class="item" url="/pages/my/myCollections/myCollections">
				<image class="icon" src="/static/images/my/wdsc.png" mode="heightFix"></image>
				<view class="txt">我的收藏</view>
			</navigator>
			<navigator class="item" @click="notOpen" url="/pages/my/notice/notice">
				<image class="icon" src="/static/images/my/notice.png" mode="heightFix"></image>
				<view class="txt">消息通知</view>
			</navigator>
			<view class="item" @click="service" url="/pages/my/contact/contact">
				<image class="icon" src="/static/images/my/contact.png" mode="heightFix"></image>
				<view class="txt">联系我们</view>
			</view>
		</view>
		<view class="line spaceAround">
			<navigator class="item" url="/pages/my/address/address?type=1">
				<image class="icon" src="/static/images/adderss2.png" mode="heightFix"></image>
				<view class="txt">收货地址</view>
			</navigator>
			<navigator class="item" url="/pages/my/setPage/setPage">
				<image class="icon" src="/static/images/my/setUp.png" mode="heightFix"></image>
				<view class="txt">设置</view>
			</navigator>
			<view class="item">
				<view class="icon"></view>
				<view class="txt"></view>
			</view>
			<view class="item">
				<view class="icon"></view>
				<view class="txt"></view>
			</view>
		</view>
		<service ref="service"></service>
	</view>
</template>

<script>
	import { underDevelopment } from '@/utils/utils.js';
	import service from '@/components/service/service.vue';
	export default {
		name: 'optView',
		components: {
			service,
		},

		data() {
			return {
				is_distribution: 0,
			};
		},

		props: {
			userInfo: {
				type: Object,
				default: () => {},
			},
		},
		methods: {
			service() {
				this.$refs.service.open();
			},
			idcard() {},
			notOpen() {
				underDevelopment();
			},
		},
	};
</script>

<style lang="scss" scoped>
	.optView {
		width: $connet-width;
		height: 307rpx;
		margin: $submargin-width auto;
		background: #ffffff;
		border-radius: $border-radius;
		overflow: hidden;
		flex-direction: column;
		// flex-wrap: wrap;
		.line {
			// display: flex;
			// flex-wrap: wrap;
			// justify-content: space-evenly;
			width: 100%;
			// margin-top: 35rpx;
			overflow: hidden;
			.item {
				float: left;
				display: flex;
				align-items: center;
				flex-direction: column;
				text-align: center;
				width: 100rpx;
				// margin-left: 50rpx;
				// margin-bottom: $margin-width;
				.icon {
					display: block;
					height: 50rpx;
					margin-bottom: 15rpx;
				}

				.txt {
					font-size: $uni-font-size-12;
					color: $title-colcor;
					overflow: hidden;
					white-space: nowrap;
				}
			}
		}
	}
</style>
